<!--
	作者：1597355434@qq.com
	时间：2018-06-28
	描述：个人网站 响应式
-->

<!DOCTYPE html>
<html lang="en">
  <head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="杨玉印 洋芋 老杨 bootstrap 响应式网站" content="趣味杂谈 博文 蛙 哈姆雷特">
    <meta name="杨玉印" content="一个爱狗的男孩子  疼女孩子 会照顾人的大男孩">
    <title>POST|杨玉印</title>
    <link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/blog.css" rel="stylesheet">

 </head>
  <body>
    <nav class="navbar navbar-expand-lg navbar-light fixed-top" id="mainNav">
      <div class="container">
        <a class="navbar-brand" href="index.html">哈姆雷特</a>
         <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
          <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarResponsive">
          <ul class="navbar-nav ml-auto">
            <li class="nav-item">
              <a class="nav-link" href="index.html">主页</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="school.html">学校</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="blog.html">博文</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="arctil.html">趣味杂谈</a>
            </li>
          </ul>
        </div>
      </div>
    </nav>

    <!-- Page Header -->
    <header class="masthead" style="background-image: url('images/contact-bg.jpg')">
      <div class="overlay"></div>
      <div class="container">
        <div class="row">
          <div class="col-lg-8 col-md-10 mx-auto">
            <div class="post-heading">
              <h1>一千个人有一千个哈姆雷特</h1>
              <h2 class="subheading">To be or not to be,that's a question.</h2>
              <span class="post-meta"><a href="https://baike.baidu.com/item/%E5%A8%81%E5%BB%89%C2%B7%E8%8E%8E%E5%A3%AB%E6%AF%94%E4%BA%9A/975277">William Shakespeare</a> was created from 1599 to 1602</span>
      
            </div>
          </div>
        </div>
      </div>
    </header>

    <!-- Post Content -->
    <article>
      <div class="container">
        <div class="row">
          <div class="col-lg-8 col-md-10 mx-auto">
              <h2 class="section-heading"><em>经典台词</em></h2>

            <p>To be or not to be,that's a question. 生存还是毁灭，这是个问题</p>

            <p>决心不过是记忆的奴隶 它会根据你的记忆随意更改</p>

            <blockquote class="blockquote">凡事需多听但少言；(Give every man thy ear, but few thy voice;) 聆听他人之意见，但保留自己之判断。(Take each man's censure, but reserve thy judgment.)</blockquote>

            <p>成功的骗子，不必再以说谎为生，因为被骗的人已经成为他的拥护者，我再说什么也是枉然</p>
             <h2 class="section-heading"><em>作品简介</em></h2>

            <p>丹麦王子哈姆雷特在德国威登堡大学就读时突然接到父亲的死讯，回国奔丧时接连遇到了叔父克劳狄斯即位和叔父与母亲乔特鲁德在父亲葬礼后一个月匆忙结婚的一连串事变，这使哈姆雷特充满了疑惑和不满。紧接着，在霍拉旭和勃那多站岗时出现了父亲老哈姆雷特的鬼魂，说明自己是被克劳狄斯毒死并要求哈姆雷特为自己复仇。随后，哈姆雷特利用装疯掩护自己并通过"戏中戏"证实了自己的叔父的确是杀父仇人。由于错误地杀死了心爱的奥菲莉亚的父亲波罗涅斯，克劳狄斯试图借英王手除掉哈姆雷特，但哈姆雷特趁机逃回丹麦，却得知奥菲莉亚自杀并不得不接受了与其兄雷欧提斯的决斗。决斗中哈姆雷特的母亲乔特鲁德因误喝克劳狄斯为哈姆雷特准备的毒酒而中毒死去，哈姆雷特和雷欧提斯也双双中了毒剑，得知中毒原委的哈姆雷特在临死前杀死了克劳狄斯并嘱托朋友霍拉旭将自己的故事告诉后来人。</p>

     
            <span class="caption text-muted">世上本无所谓好和坏，思想使然。</span>
 <hr />

            <h2 class="section-heading"><em>作者</em></h2>

            <p>威廉·莎士比亚（William Shakespeare 1564-1616）是英国文艺复兴时期戏剧家和诗人，也是欧洲文艺复兴时期人文主义文学的集大成者，近代欧洲文学的奠基人之一。他共写有37部戏剧，154首14行诗，两首长诗和其他诗歌。代表作有四大悲剧：《哈姆雷特》（英：Hamlet）、《奥赛罗》（英：Othello）、《李尔王》（英：King Lear）、《麦克白》（英：Macbeth）。四大喜剧：《第十二夜》、《仲夏夜之梦》、《威尼斯商人》、《皆大欢喜》。历史剧：《亨利四世》《亨利六世》《理查二世》等。</p>

     
            <span class="caption text-muted">世上本无所谓好和坏，思想使然。--莎士比亚</span>
 <hr />
            
          </div>
        </div>
      </div>
    </article>

    <hr>

    <!-- Footer -->
    <footer>
      <div class="container">
        <div class="row">
          <div class="col-lg-8 col-md-10 mx-auto">
            <ul class="list-inline text-center">
              <li class="list-inline-item">
                <a href="#">
                  <span class="fa-stack fa-lg">
                    <i class="fa fa-circle fa-stack-2x"></i>
                    <i class="fa fa-twitter fa-stack-1x fa-inverse"></i>
                  </span>
                </a>
              </li>
              <li class="list-inline-item">
                <a href="#">
                  <span class="fa-stack fa-lg">
                    <i class="fa fa-circle fa-stack-2x"></i>
                    <i class="fa fa-facebook fa-stack-1x fa-inverse"></i>
                  </span>
                </a>
              </li>
              <li class="list-inline-item">
                <a href="#">
                  <span class="fa-stack fa-lg">
                    <i class="fa fa-circle fa-stack-2x"></i>
                    <i class="fa fa-github fa-stack-1x fa-inverse"></i>
                  </span>
                </a>
              </li>
            </ul>
          <p class="copyright text-muted">Copyright &copy;重庆师范大学杨玉印--计科    2018</p>
            <p class="copyright text-muted" id="time"></p>
          </div>
        </div>
      </div>
    </footer>

    <!-- Bootstrap core JavaScript -->
    <script src="js/jquery1.min.js"></script>
    <script src="js/bootstrap.bundle.min.js"></script>

 
      <script type="text/javascript">
			(function() {
				var coreSocialistValues = ["images/3.png", "images/4.png", "images/2.png","images/1.png","images/5.png","images/6.png","images/7.png","images/8.png","images/9.png","images/10.png","images/11.png"],
					index = Math.floor(Math.random() * coreSocialistValues.length);
				document.body.addEventListener('click', function(e) {
					if(e.target.tagName == 'A') {
						return;
					}
					var x = e.pageX,
						y = e.pageY,
						img = document.createElement('img');
					img.src = coreSocialistValues[index];
					index = (index + 1) % coreSocialistValues.length;
					img.style.cssText = ['z-index: 9999999; position: absolute; font-weight: bold; color: #ff6651; top: ', y - 20, 'px; left: ', x, 'px;'].join('');
					document.body.appendChild(img);
					animate(img);
				});

				function animate(el) {
					var i = 0,
						top = parseInt(el.style.top),
						id = setInterval(frame, 16.7);

					function frame() {
						if(i > 180) {
							clearInterval(id);
							el.parentNode.removeChild(el);
						} else {
							i += 2;
							el.style.top = top - i + 'px';
							el.style.opacity = (180 - i) / 180;
						}
					}
				}
			}());
		</script>
	</script>
				<script type='text/javascript'>
			window.onload = function() {
				refreshTime(); //当页面加载完时运行时间函数
			}

			function checkTime(i) {
				if(i < 10) {
					i = '0' + i //定义当分钟，秒钟小于10时，使一位数显示为两位数
				}
				return i //大于10时，正常显示
			}

			function refreshTime() { //定义时间函数
				var date = new Date(); //获取当前默认格式的当前时间
				var myYear = date.getFullYear(); //在默认格式时间中提取四位数的年份
				var myMonth = date.getMonth() + 1; //在默认格式时间中提取月份，（月份返回值是0-11，实际月份要返回值+1）
				var myDate = date.getDate(); //在默认格式实践中提取日期
				var myDay = date.getDay(); //在默认格式中提取星期（返回值0-6对应星期天-星期六）
				var myHours = date.getHours(); //在默认格式实践中提取日期小时
				var myMinutes = date.getMinutes(); //在默认格式实践中提取日期分钟
				var mySeconds = date.getSeconds(); //在默认格式实践中提取日期分钟
				var pushM = checkTime(myMinutes);
				var pushS = checkTime(mySeconds); //用checkTime函数使时间为0~9时替换为00~09
				//alert(myDay);//test
				document.getElementById('time').innerHTML = myYear + '年' + myMonth + '月' + myDate + '日&nbsp&nbsp' + myHours + ':' + pushM + ':' + pushS + '<br/>' //使id为'time'的文本值替换为该格式的时间
				setTimeout(refreshTime, 1000) //每1000毫秒运行一次refreshTime函数，即每秒刷新一次时间
			}
		</script>
  </body>

</html>
